﻿@using TimeManagementMobile.Resources

<div id="authenticationPage" class="page sheet autentificare">
    <div class="formulare">
        <div class="auth_logo">
            <img src="@PathHelper.GetResourceUrl("hrp-logo.png")" width="239" height="45" alt="Human Resource Planing" />
        </div>
        <div class="field spacing22 field-width floatleft">
            <input class="field-width translate" name="id_util" type="text" id="username" value="" data-translate-placeholder="Authentication_ID" />
        </div>
        <div class="usernameInfo floatleft help-but">
        </div>
        <div class="clear">
        </div>
        <div class="field spacing22 field-width">
            <input class="field-width translate" name="pass_util" type="password" id="password" value="" data-translate-placeholder="Authentication_Password" />
        </div>
        <div class="clear">
        </div>
        <div class="field spacing22 field-width">
            <select class="field settings-select language-select" name="language-select">
                <option value="ro">@Static.General_LimbaRO</option>
                <option value="en">@Static.General_LimbaEN</option>
            </select>
        </div>
        <div class="clear">
        </div>
        <div class="normal_but translate" id="authenticateButton" data-translate-content="Authentication_Authenticate">
        </div>
        <div class="clear">
        </div>
        <br /><br /><br />
        <div class="floatleft">
            @Static.Authentication_NoAccount <a href="@RS.SAAS.Common.Configuration.ConfigurationAccessor.GetSAASRegisterUrl("TMM")">@Static.Authentication_CreateAccount</a>
        </div>
        <div class="clear">
        </div>
    </div>
</div>
<!-- END Authentication Page -->
<!-- BEGIN Company Connection Page -->
<div id="companyConnectionPage" class="page sheet">
    <div class="content">
        <div class="title1 darkblue pagetitle" style="display: none;">
            Alege Compania
        </div>
        <ul class="companiesList"></ul>
    </div>
    <script id="companyTemplate" type="text/x-handlebars-template">
        <div class="company">
            <div class="company_name floatleft">{{Nume}}</div>
            <div class="company_logo floatright">
                <img src="{{POZA}}" width="70" height="70" alt="{{Nume}}" />
            </div>
            <div class="clear"></div>
            <div class="overlay tappable"></div>
        </div>
    </script>
</div>
<!-- END Company Connection Page -->
<!-- BEGIN LEFT MENU -->
<div id="leftMenuOverlay">
</div>
<div class="main-meniu floatleft">
</div>
<div id="userLeftMenu" class="main-meniu floatleft" style="position: absolute;">
    <div style="">
        <div class="meniu-profile-img detaliiAngajat">
            <a>
                <img class="img50" src="@PathHelper.GetResourceUrl("personal.png")" alt="" />
                <div class="meniu-profile-name">
                </div>
            </a>
            <div class="clear">
            </div>
        </div>
        <div class="main-meniu-item panouControl">
            <a>
                <img src="@PathHelper.GetResourceUrl("main-menu-cpanel.png")" width="25" height="25" />
                <div class="main-meniu-link">
                </div>
            </a>
            <div class="clear">
            </div>
        </div>
        <div class="main-meniu-item cereriConcediu">
            <a>
                <img src="@PathHelper.GetResourceUrl("main-meniu-requests.png")" width="25" height="25" />
                <div class="main-meniu-link">
                </div>
            </a>
            <div class="clear">
            </div>
        </div>
        <div class="main-meniu-item listaAngajati">
            <a>
                <img src="@PathHelper.GetResourceUrl("main-menu-employees.png")" width="25" height="25" />
                <div class="main-meniu-link">
                </div>
            </a>
            <div class="clear">
            </div>
        </div>
        <div class="main-meniu-item notificariInfo">
            <a>
                <img src="@PathHelper.GetResourceUrl("main-meniu-notifications.png")" width="25" height="25" />
                <div class="main-meniu-link">
                    <span></span>&nbsp;<span class="lightgray numarNotificari"></span>
                </div>
            </a>
            <div class="clear">
            </div>
        </div>
        <div class="main-meniu-item setari">
            <a>
                <img src="@PathHelper.GetResourceUrl("main-menu-setings.png")" width="25" height="25" />
                <div class="main-meniu-link">
                </div>
            </a>
            <div class="clear">
            </div>
        </div>
        <div class="meniu-company-img detaliiFirma">
            <a>
                <img class="img50" src="@PathHelper.GetResourceUrl("company.png")" alt="" />
                <div class="meniu-company-name">
                </div>
            </a>
            <div class="clear">
            </div>
        </div>
        <div class="main-meniu-item deconectare">
            <a>
                <img src="@PathHelper.GetResourceUrl("main-menu-icon-logout.png")" width="25" height="25" alt="Panou de Control" />
                <div class="main-meniu-link">
                </div>
            </a>
            <div class="clear">
            </div>
        </div>
    </div>
</div>
<!-- END LEFT MENU -->
<!-- BEGIN Dashboard Page -->
<div id="dashboardPage" class="page sheet" data-pull-to-refresh="true">
    <div class="content">
        <div class="dashboard_manager dashboard-header">
            <div class="cereriContainer dashboard-square floatleft spacing-right-10" style="display: none;">
                <div class="dashboard-requests-urgent cereriInitiateUrgente" style="display: none;">
                </div>
                <div class="dashboard-requests-content cereriInitiate">
                    <div class="ds-big-number box_content">
                    </div>
                    <div class="ds-title box_description">
                    </div>
                </div>
            </div>
            <div class="subordonatiContainer dashboard-square floatleft angajati box" style="display: none;">
                <div class="dashboard-requests-content">
                    <div class="ds-big-number box_content">
                    </div>
                    <div class="ds-title box_description">
                    </div>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="horizontal-line" style="display: none;">
        </div>
        <div class="situatieCOContainer dashboard-body">
        </div>
    </div>
</div>
<!-- END Dashboard Page -->
<!-- BEGIN Cereri concedii Page -->
<div id="cereriConcediiPage" class="page sheet" data-pull-to-refresh="true" data-dynamic-loading="true">
    <div class="content">
        <div class="search-bar filtru" style="display: none;">
            <div class="search-settings">
                <div class="search-settings-title translate" data-translate-content="Filtre_Cautare">
                </div>
                <div class="search-settings-select-box tipConcediu">
                    <div class="search-settings-element translate" data-translate-content="CereriConcediu_Filtru_TipConcediu">
                    </div>
                    <div class="search-settings-element-value selectedValues translate" data-translate-content="General_Toate">
                    </div>
                    <div class="search-settings-delete">
                        <img src="@PathHelper.GetResourceUrl("closer.png")" class="cancel" width="17" height="16" />
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div class="search-settings-select-box statusConcediu">
                    <div class="search-settings-element translate" data-translate-content="CereriConcediu_Filtru_StatusConcediu">
                    </div>
                    <div class="search-settings-element-value selectedValues translate" data-translate-content="General_Toate">
                    </div>
                    <div class="search-settings-delete">
                        <img src="@PathHelper.GetResourceUrl("closer.png")" class="cancel" width="17" height="16" />
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div class="search-settings-select-box punctDeLucru">
                    <div class="search-settings-element translate" data-translate-content="General_PunctDeLucru">
                    </div>
                    <div class="search-settings-element-value selectedValues translate" data-translate-content="General_Toate">
                    </div>
                    <div class="search-settings-delete">
                        <img src="@PathHelper.GetResourceUrl("closer.png")" class="cancel" width="17" height="16" />
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div class="search-settings-select-box departament">
                    <div class="search-settings-element translate" data-translate-content="General_Departament">
                    </div>
                    <div class="search-settings-element-value selectedValues translate disabled" data-translate-content="General_Toate">
                    </div>
                    <div class="search-settings-delete">
                        <img src="@PathHelper.GetResourceUrl("closer.png")" class="cancel" width="17" height="16" />
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div class="search-settings-select-box dataStart">
                    <div class="search-settings-element translate" data-translate-content="General_DataStart">
                    </div>
                    <div class="search-settings-element-value">
                        <input class="dataStartInput" type="text" />
                        <span class="selectedValues translate" data-translate-content="General_Oricand"></span>
                    </div>
                    <div class="search-settings-delete">
                        <img src="@PathHelper.GetResourceUrl("closer.png")" class="cancel" width="17" height="16" />
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div class="search-settings-select-box search-settings-select-box-last dataSfarsit">
                    <div class="search-settings-element translate" data-translate-content="General_DataSfarsit">
                    </div>
                    <div class="search-settings-element-value">
                        <input class="dataSfarsitInput" type="text" />
                        <span class="selectedValues translate" data-translate-content="General_Oricand"></span>
                    </div>
                    <div class="search-settings-delete">
                        <img src="@PathHelper.GetResourceUrl("closer.png")" class="cancel" width="17" height="16" />
                    </div>
                    <div class="clear">
                    </div>
                </div>
            </div>
        </div>
        <div class="cereriContainer">
        </div>
        <div id="grayOverlay" style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1100; display: none; background: gray; opacity: 0.5"></div>
        <div class="loadMore loader-container" style="display: none;">
            <div class="dynamic">
                <div class="spinner-light">
                    <img src="@PathHelper.GetResourceUrl("spinner-light-anim.gif")" width="50" height="50" align="left" />
                </div>
                <div class="dyn-text floatleft translate" data-translate-content="General_Loading">
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <script id="cerereConcediuTemplate" type="text/x-handlebars-template">
        <div class="cerere" data-tm-ccd_id='{{CCD_ID}}'>
            <div class="img70">
                <img src="{{POZA_SRC}}" width="70" height="70" alt="{{Nume}}" />
            </div>
            <div class="cerere-concediu-data">
                <p class="cc-name">{{Nume}}</p>
                <p class="cc-job">{{Functie}}</p>
                <p class="cc-ctype">{{TipConcediu}}</p>
                <p class="cc-range"><span class='dataStart'>{{DataStartText}}</span> - <span class='dataSfarsit'>{{DataSfarsitText}}</span> ( <span class="cc-days">{{NrZileLucratoareText}}</span> )</p>
            </div>
            <div class="colorcode {{CodCuloare}}"></div>
            <div class="clear"></div>
        </div>
    </script>
</div>
<!-- END Cereri concedii Page -->
<!-- BEGIN Employees List Page -->
<div class="page sheet" id="employeesListPage" data-pull-to-refresh="true" data-dynamic-loading="true">
    <div class="content employeesContainer">
        <div class="search-bar filtru" style="display: none;">
            <div class="search-settings-select-box punctDeLucru" style="margin-top: 53px;">
                <div class="search-settings-element translate" data-translate-content="General_PunctDeLucru">
                </div>
                <div class="search-settings-element-value selectedValues translate" data-translate-content="General_Toate">
                </div>
                <div class="search-settings-delete">
                    <img src="@PathHelper.GetResourceUrl("closer.png")" class="cancel" width="17" height="16" />
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="search-settings-select-box departament">
                <div class="search-settings-element translate" data-translate-content="General_Departament">
                </div>
                <div class="search-settings-element-value selectedValues translate disabled" data-translate-content="General_Toate">
                </div>
                <div class="search-settings-delete">
                    <img src="@PathHelper.GetResourceUrl("closer.png")" class="cancel" width="17" height="16" />
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="search-settings-select-box functie">
                <div class="search-settings-element translate" data-translate-content="CereriConcediu_Filtru_Functie">
                </div>
                <div class="search-settings-element-value selectedValues translate" data-translate-content="General_Toate">
                </div>
                <div class="search-settings-delete">
                    <img src="@PathHelper.GetResourceUrl("closer.png")" class="cancel" width="17" height="16" />
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
        <div class="employeesList">
        </div>
        <div id="Div1" style="position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1100; display: none; background: gray; opacity: 0.5"></div>
        <div class="loadMore loader-container" style="display: none;">
            <div class="dynamic">
                <div class="spinner-light">
                    <img src="@PathHelper.GetResourceUrl("spinner-light-anim.gif")" width="50" height="50" align="left" />
                </div>
                <div class="dyn-text floatleft translate" data-translate-content="General_Loading">
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <script class="employeeTemplate" type="text/x-handlebars-template">
        <div class="lista-angajati-item" data-tm-id="{{PRA_ID}}">
            <div class="lista-angajati-item-description">
                <p class="laid-name">{{Name}}</p>
                <p class="laid-job">{{FNC_NUME}}</p>
                <p class="laid-job">{{DPT_NUME}}</p>
            </div>
            <div class="img70 floatright">
                <img src="{{Picture}}" width="70" height="70" />
            </div>
            <div class="clear"></div>
            <div class="overlay tappable"></div>
        </div>
    </script>
</div>
<!-- END Employees List Page -->
<!-- BEGIN Employee Information Page -->
<div class="page sheet" id="employeeInformationPage">
    <div class="content">
        <div class="cced-top">
            <div class="cc-name-big employeeName">
            </div>
            <div class="cc-top-holder  employee-detail">
                <div class="floatleft">
                    <img class="employeeImg" src="#" width="70" height="70" />
                </div>
                <div class="floatleft cc-top-holder-info">
                    <p class="employeeFctName">
                    </p>
                    <p class="employeeDepName">
                    </p>
                    <p class="employeeCNP">
                    </p>
                    <p class="employeeMarca">
                    </p>
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
        <div class="horizontal-line">
        </div>
        <div class="situatieCOContainer dashboard-body" style="display: none;">
        </div>
    </div>
</div>
<!-- END Employee Information Page -->
<!-- BEGIN Settings Page -->
<div class="page sheet" id="settingsPage">
    <div class="content settings-container">
        <div class="title1 pagetitle darkblue translate" data-translate-content="Setari_Automatizari">
        </div>
        <div class="automations-container">
            <div class="settings-checkbox">
                <input type="checkbox" id="auto-connect" class="auto-connect" />
                <label class="translate autoConnectLabel" data-translate-content="Settings_AutoConnect_Content">
                </label>
            </div>
            <div class="settings-checkbox">
                <input type="checkbox" id="receive-notifications" class="receive-notifications" />
                <label class="translate receiveNotificationsLabel" data-translate-content="Settings_ReceiveNotifications_Content">
                </label>
            </div>
        </div>
        <div id="communication-settings">
            <div class="title1 pagetitle darkblue translate" data-translate-content="Setari_Comunicare">
            </div>
            <div class="language-container">
                <div class="settings-checkbox">
                    <label for="language-select" class="select translate" data-translate-content="Settings_Language_Content">
                    </label>
                    <select class="field settings-select language-select" name="language-select"></select>
                </div>
            </div>
            <div class="translate saveSettings slim_but_dark floatleft" data-translate-content="Setari_Salvare">
            </div>
        </div>
        <script class="languageTemplate" type="text/x-handlebars-template">
            <option value='{{id}}'>
                <img src='{{icon}}' />
                <span>{{language}}</span>
            </option>
        </script>
    </div>
</div>
<!-- END Settings Page -->
<!-- BEGIN My Profile Page -->
<div class="page sheet" id="myProfilePage">
    <div class="content">
        <div class="employee-details-container">
            <div class="cc-name-big userName">
            </div>
            <div class="cc-top-holder">
                <div class="floatleft cc-top-holder-info">
                    <p class="userFctName">
                    </p>
                    <p class="userDepName">
                    </p>
                    <p class="userCNP">
                    </p>
                    <p class="userMarca">
                    </p>
                </div>
                <div class="floatright spinner-bg">
                    <img class="userImg" src="#" width="70" height="70" />
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="edit-profile-image">
                <div class="slim_but changePic translate" type="submit" data-translate-content="MyProfile_ChangePicBtn_Value">
                </div>
            </div>
        </div>
        <div class="employee-details-security">
            <div class="title1 darkblue pagetitle translate" data-translate-content="MyProfile_SecuritateCont">
            </div>
            <div class="edit-password">
                <div class="slim_but changePsw">
                    <img src="@PathHelper.GetResourceUrl("locked.png")" />
                    <span class="translate" data-translate-content="MyProfile_ChangePasswordBtn_Value"></span>
                </div>
            </div>
            <div class="translate" data-translate-content="MyProfile_SchimbareParolaInfo">
            </div>
        </div>
        <div class="disconnect-btn-container">
            <div class="slim_but but-red disconnect">
                <img src="@PathHelper.GetResourceUrl("disconnect.png")" width="14" height="20" />
                <span class="translate" data-translate-content="MyProfile_DisconnectBtn_Value"></span>
            </div>
        </div>
    </div>
</div>
<!-- END My Profile Page -->
<!-- BEGIN Change password Page -->
<div class='page sheet' id="changePasswordPage">
    <div class="content edcp-container">
        <div class="title1 darkblue pagetitle translate" data-translate-content="Module_Title_ChangePassword">
        </div>
        <div class="field spacing22 field-width2">
            <input class="field-width2 currentPassword translate" data-translate-placeholder="ChangePassword_CurrentPasswordInput_Placeholder"
                   name="id_util" type="password" placeholder="" />
        </div>
        <div class="field spacing22 field-width2">
            <input class="field-width2 newPassword translate" data-translate-placeholder="ChangePassword_NewPasswordInput_Placeholder"
                   name="id_util" type="password" placeholder="" />
        </div>
        <div class="field spacing22 field-width2">
            <input class="field-width2 confNewPassword translate" data-translate-placeholder="ChangePassword_ConfirmNewPasswordInput_Placeholder"
                   name="id_util" type="password" placeholder="Confirma Parola Noua" />
        </div>
        <div class="normal_but floatleft savePsw translate" data-translate-content="ChangePassword_SavePasswordBtn_Value">
        </div>
        <div class="normal_but floatright cancel translate" data-translate-content="ChangePassword_CancelBtn_Value">
        </div>
        <div class="clear">
        </div>
    </div>
</div>
<!-- END Change password Page -->
<!-- BEGIN Selectare tip concediu page -->
<div class="page sheet" id="selectareTipConcediuPage">
    <div class="content search-bar">
        <div class="search-settings list">
        </div>
        <div class="loadMore loader-container bgdarkgray2" style="display: none;">
            <div class="dynamic">
                <div class="spinner-light">
                    <img src="@PathHelper.GetResourceUrl("spinner-dark-anim.gif")" width="50" height="50" align="left" />
                </div>
                <div class="dyn-text-dark floatleft translate" data-translate-content="General_Loading">
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <script class="tipConcediuTemplate" type="text/x-handlebars-template">
        <div class="search-settings-select-box {{#if IsSpecial}}search-settings-arrow{{else}}single{{/if}}">
            <div class="name cost-center-element-value" elp_nume="{{ELP_NUME}}">
                {{Nume}}
            </div>
            <div class="clear">
            </div>
            <div class="overlay tappable">
            </div>
        </div>
    </script>
</div>
<!-- END Selectare tip concediu page -->
<!-- BEGIN Selectare subtip concediu page
    -->
<div class="page sheet" id="selectareSubtipConcediuPage">
    <div class="content search-bar">
        <div class="search-bar">
            <div class="search-settings list">
            </div>
            <div class="loadMore loader-container bgdarkgray2" style="display: none;">
                <div class="dynamic">
                    <div class="spinner-light">
                        <img src="@PathHelper.GetResourceUrl("spinner-dark-anim.gif")" width="50" height="50" align="left" />
                    </div>
                    <div class="dyn-text-dark floatleft translate" data-translate-content="General_Loading">
                    </div>
                    <div class="clear">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script class="subtipConcediuTemplate" type="text/x-handlebars-template">
        <div class="search-settings-select-box">
            <div class="cost-center-element-value name">
                {{STP_NUME}}
            </div>
            <div class="clear">
            </div>
            <div class="overlay tappable list-element">
            </div>
        </div>
    </script>
</div>
<!-- END Selectare subtip concediu page -->
<!-- BEGIN Selectare status concediu page -->
<div class="page sheet" id="selectareStatusConcediuPage">
    <div class="content search-bar">
        <div class="search-settings list">
            <div value="0" class="search-settings-select-box">
                <div class="cost-center-element-value translate element-value" data-translate-content="CereriConcediu_Cerere_Initiate">
                </div>
                <div class="clear">
                </div>
                <div class="overlay tappable list-element">
                </div>
            </div>
            <div value="1" class="search-settings-select-box">
                <div class="cost-center-element-value translate element-value" data-translate-content="CereriConcediu_Cerere_Aprobate">
                </div>
                <div class="clear">
                </div>
                <div class="overlay tappable list-element">
                </div>
            </div>
            <div value="2" class="search-settings-select-box">
                <div class="cost-center-element-value translate element-value" data-translate-content="CereriConcediu_Cerere_Refuzate">
                </div>
                <div class="clear">
                </div>
                <div class="overlay tappable list-element">
                </div>
            </div>
            <div value="3" class="search-settings-select-box">
                <div class="cost-center-element-value translate element-value" data-translate-content="CereriConcediu_Cerere_Finalizate">
                </div>
                <div class="clear">
                </div>
                <div class="overlay tappable list-element">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END Selectare status
    concediu page -->
<!-- BEGIN Selectare punct de lucru page -->
<div class="page" id="selectarePunctDeLucruPage" data-dynamic-loading="true">
    <div class="content">
        <div class="search-bar list">
        </div>
        <div class="loadMore loader-container bgdarkgray2" style="display: none;">
            <div class="dynamic">
                <div class="spinner-light">
                    <img src="@PathHelper.GetResourceUrl("spinner-dark-anim.gif")" width="50" height="50" align="left" />
                </div>
                <div class="dyn-text-dark floatleft translate" data-translate-content="General_Loading">
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <script class="punctDeLucruTemplate" type="text/x-handlebars-template">
        <div class="search-settings-select-box">
            <div class="cost-center-element-value name">
                {{Name}}
            </div>
            <div class="clear">
            </div>
            <div class="overlay tappable list-element">
            </div>
        </div>
    </script>
</div>
<!-- END Selectare punct de lucru page -->
<!-- BEGIN Selectare departament page -->
<div class="page" id="selectareDepartamentPage" data-dynamic-loading="true">
    <div class="content">
        <div class="search-bar list">
        </div>
        <div class="loadMore loader-container bgdarkgray2" style="display: none;">
            <div class="dynamic">
                <div class="spinner-light">
                    <img src="@PathHelper.GetResourceUrl("spinner-dark-anim.gif")" width="50" height="50" align="left" />
                </div>
                <div class="dyn-text-dark floatleft translate" data-translate-content="General_Loading">
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <script class="departamentTemplate" type="text/x-handlebars-template">
        <div class="search-settings-select-box">
            <div class="cost-center-element-value name">
                {{Name}}
            </div>
            <div class="clear">
            </div>
            <div class="overlay tappable list-element">
            </div>
        </div>
    </script>
</div>
<!-- END Selectare departament page -->
<!-- BEGIN Selectare functie page -->
<div class="page" id="selectareFunctiePage" data-dynamic-loading="true">
    <div class="content">
        <div class="search-bar list">
        </div>
        <div class="loadMore loader-container bgdarkgray2" style="display: none;">
            <div class="dynamic">
                <div class="spinner-light">
                    <img src="@PathHelper.GetResourceUrl("spinner-dark-anim.gif")" width="50" height="50" align="left" />
                </div>
                <div class="dyn-text-dark floatleft translate" data-translate-content="General_Loading">
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <script class="functieTemplate" type="text/x-handlebars-template">
        <div class="search-settings-select-box">
            <div class="cost-center-element-value name">
                {{Name}}
            </div>
            <div class="clear">
            </div>
            <div class="overlay tappable list-element">
            </div>
        </div>
    </script>
</div>
<!-- END Selectare functie page -->
<!-- BEGIN Cerere page -->
<div class="page sheet" id="cererePage">
    <div class="content">
        <div class="angajatContainer cc-top">
        </div>
        <div class="cc-info-holder">
            <div class="cc-info-stables">
                <p>
                    <span class="translate statusText" data-translate-content="Cerere_Status"></span>:&nbsp;<span class="status cc-info-editables-name darkblue"></span>
                </p>
                <p>
                    <span class="translate motivRefuzText" data-translate-content="Cerere_MotivRefuz" sufix=":"></span>&nbsp;<span class="motivRefuz"></span>
                </p>
                <p>
                    <span class="translate" data-translate-content="Cerere_TipConcediu"></span>&nbsp;<span class="darkblue selectTipCerere cc-info-editables-name translate" data-translate-content="General_Selectati"></span>
                </p>
                <p class="replacementEmployeeSection">
                    <span>@Static.Cerere_Inlocuitor:</span>&nbsp;<span class="replacementEmployeeName darkblue">@Static.Cerere_SelectAngajat</span>
                </p>
                <p>
                    <span class="translate titleSoldCO" data-translate-content="Cerere_SoldCO"></span>&nbsp;<span class="soldCO"></span>
                </p>
                <p>
                    <span class="translate" data-translate-content="Cerere_Perioada"></span>
                    <span>
                        <input class="dataStartInput" type="text" /><span class="dataStart translate darkblue" data-translate-content="General_DataStart"></span> -
                        <input class="dataSfarsitInput" type="text" /><span class="dataSfarsit translate darkblue" data-translate-content="General_DataSfarsit"></span>
                    </span>
                </p>
                <p style="display: none;">
                    <span class="translate" data-translate-content="General_Zi" sufix=":"></span>
                    <span>
                        <input class="dataCurentaInput" type="text" style="display: none;" /><span class="dataCurenta translate darkblue" data-translate-content="General_Selectati"></span>
                    </span>
                </p>
                <p style="display: none;">
                    <span class="translate" data-translate-content="General_Interval" sufix=":"></span>
                    <span>
                        <input class="oraStartInput" type="text" style="display: none;" /><span class="oraStart translate darkblue" data-translate-content="General_Selectati"></span> -
                        <input class="oraSfarsitInput" type="text" style="display: none;" /><span class="oraSfarsit translate darkblue" data-translate-content="General_Selectati"></span>
                    </span>
                </p>
                <p>
                    <span class="cc-info-total-title translate" data-translate-content="General_Total" sufix=":"></span>
                    <span class="totalZileContainer">
                        <span class="translate" data-translate-content="Cereri_SelectatiPerioada"></span>
                        <span>
                            <span class="nrZileCalendaristiceValue"></span>&nbsp;<span class="nrZileCalendaristice"></span>,&nbsp;<span class="nrZileLucratoareValue"></span>&nbsp;<span class="nrZileLucratoare"></span>
                        </span>
                    </span>
                    <span class="totalOreContainer" style="display: none;"></span>
                </p>
                <p>
                    <span class="translate titleCentruCost" data-translate-content="Cereri_CentruCost"></span>&nbsp;<span class="darkblue centruCost translate" data-translate-content="Cerere_Nespecificat"></span>
                </p>
            </div>

        </div>
        <div class="cc-info-textarea" style="/*width: 280px; */ margin: 10px auto;">
            <textarea class="translate descriereCerereTextArea" data-translate-placeholder="Cerere_Motivatie" placeholder=""></textarea>
        </div>
        <div class="cc-info-account-image" style="/*width: 280px; */ margin: 0 auto;">
            <span class="getPozaDocument"></span>
            <ul class="fisiereContainer"></ul>
            <a href="#" class="translate atasareDocument" data-translate-content="Cerere_IncarcaPoza"></a>
        </div>
        <div class="buttons" style="/*width: 280px; */ margin: 10px auto;">
            <div class="normal_but floatleft first-btn">
            </div>
            <div class="normal_but but-gray floatright second-btn">
            </div>
            <div class="clear">
            </div>
        </div>
    </div>
    <div class="motivRefuzDialog dialog">
    </div>
    <div class="motivModificareDialog dialog">
    </div>
    <script class="userInfoTemplate" type="text/x-handlebars-template">
        <div class="cc-name-big userName floatleft">{{Name}}</div>
        <div class="search-bar-btn floatright changeEmployee">
            <img src="@PathHelper.GetResourceUrl("change-employee.png")" />
        </div>
        <div class="clear"></div>
        <div class="cc-top-holder">
            {{#if IsLoading}}
            <div class="floatmid spinner-bg"></div>
            {{else}}
            <div class="floatleft cc-top-holder-info">
                <p class="userFctName">{{FNC_NUME}}</p>
                <p class="userDepName">{{DPT_NUME}}</p>
                <p class="userCNP">{{CNP}}</p>
                <p class="userMarca">{{Marca}}</p>
            </div>
            <div class="floatright">
                <img class="userImg" src="{{Poza}}" width="70" height="70" />
            </div>
            {{/if}}
            <div class="clear"></div>
        </div>
    </script>
    <script id="refuzMotivTemplate" type="text/x-handlebars-template">
        <div class="notif">
            <div class="notif-header">
                <div class="notif-icon icon-info"></div>
                <div class="notif-title">{{Title}}</div>
                <div class="clear"></div>
            </div>
            <div class="notif-content">
                <textarea class="motivRefuz" />
            </div>
            <div class="notif-buttons">
                {{#if_eq Buttons.length compare=1}}
                {{#each Buttons}}
                <div class="normal_but floatmid action">{{Text}}</div>
                {{/each}}
                {{else}}
                {{#each Buttons}}
                <div class="normal_but floatleft action">{{Text}}</div>
                {{/each}}
                {{/if_eq}}
                <div class="clear"></div>
            </div>
        </div>
    </script>
    <script id="modificareMotivTemplate" type="text/x-handlebars-template">
        <div class="notif">
            <div class="notif-header">
                <div class="notif-icon icon-info"></div>
                <div class="notif-title">{{Title}}</div>
                <div class="clear"></div>
            </div>
            <div class="notif-content">
                <textarea class="motivModificare" style="width: 100%;" />
            </div>
            <div class="notif-buttons">
                {{#if_eq Buttons.length compare=1}}
                {{#each Buttons}}
                <div class="normal_but floatmid action">{{Text}}</div>
                {{/each}}
                {{else}}
                {{#each Buttons}}
                <div class="normal_but floatleft action">{{Text}}</div>
                {{/each}}
                {{/if_eq}}
                <div class="clear"></div>
            </div>
        </div>
    </script>
    <script id="fisierCerereTemplate" type="text/x-handlebars-template">
        <li did='{{Id}}'>
            <span class='nume'>{{Name}}</span>
            {{#if hasRightToDelete}}
            <a href="#" class='delete'>
                <img src="@PathHelper.GetResourceUrl("closer.png")" width="17" height="16" />
            </a>
            {{/if}}
        </li>
    </script>
</div>
<!-- END Cerere page -->
<!-- BEGIN Notifications page -->
<div class="page sheet" id="notificationsPage" data-pull-to-refresh="true" data-dynamic-loading="true">
    <div class="content">
        <div class="slim_but deleteAllNotifications translate" data-translate-content="Notificari_StergeTot" style="display: none;">
        </div>

        <div class="nonotif notification-text" style="display: none;">
            <div class="notification-text-no-notification">
                <img src="@PathHelper.GetResourceUrl("icon-info.png")" width="27" height="27" align="left" />
                <span class="translate" data-translate-content="Notifications_None"></span>
            </div>
        </div>
        <div class="notificationsList">
        </div>
        <div class="loadMore loader-container" style="display: none;">
            <div class="dynamic">
                <div class="spinner-light">
                    <img src="@PathHelper.GetResourceUrl("spinner-light-anim.gif")" width="50" height="50" align="left" />
                </div>
                <div class="dyn-text floatleft translate" data-translate-content="General_Loading">
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <script class="notificationsTemplate" type="text/x-handlebars-template">
        <div class="notification-container new" data-tm-ccd_id="{{CCD_ID}}">
            <div class="delete-notification floatleft notvisible">
                <a href="#" data-tm-msg_id="{{MSG_ID}}">
                    <img src="@PathHelper.GetResourceUrl("notifications-closer.png")" width="19" height="20" border="0" />
                </a>
            </div>
            <div class="notification-text">
                <div class="notification-text-name">{{Nume}}</div>
                <div class="notification-text-job">{{Functie}}</div>
                <div class="notification-text-job">{{Departament}}</div>
                {{#if Mentiuni}}
                <div class="notification-text-job">{{Mentiuni}}</div>
                {{/if}}
                <div class="notification-text-info">{{Mesaj}}</div>
                <div class="notification-text-job">{{InitiatorText}}</div>
                <div class="notification-text-job">{{DataText}}</div>
                {{#if InlocuitorText}}
                <div class="notification-text-job">{{InlocuitorText}}</div>
                {{/if}}
                {{#if MotivText}}
                <div class="notification-text-job">{{MotivText}}</div>
                {{/if}}
            </div>
            <div class="img85 floatright">
                <img class="img85" src="{{POZA_SRC}}" alt="{{Nume}}" width="70" height="70" />
            </div>
            <div class="clear"></div>
        </div>
    </script>
</div>
<!-- END Notifications Page -->
<!-- BEGIN Istoric cerere Page -->
<div class="page sheet" id="istoricCererePage" data-pull-to-refresh="true" data-dynamic-loading="true">
    <div class="content">
        <div class="istoricList">
        </div>
        <div class="loadMore loader-container" style="display: none;">
            <div class="dynamic">
                <div class="spinner-light">
                    <img src="@PathHelper.GetResourceUrl("spinner-light-anim.gif")" width="50" height="50" align="left" />
                </div>
                <div class="dyn-text floatleft translate" data-translate-content="General_Loading">
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <script class="istoricTemplate" type="text/x-handlebars-template">
        <div class="istoric cerere cerere-first">
            <div class="img70">
                <img src="{{POZA}}" width="70" height="70" />
            </div>
            <div class="istoric-cerere-concediu-data">
                <p class="icc-name">{{NumeOperator}}</p>
                <p class="icc-job">{{FNC_NUME}}</p>
                <p class="icc-status">{{Actiune}} - {{Data}}</p>
                <p class="icc-message">{{Descriere}}</p>
            </div>
            <div class="clear"></div>
        </div>
    </script>
</div>
<!-- END Istoric cerere Page -->
<!-- BEGIN CentreCost Page -->
<div class="page" id="centreCostPage" data-dynamic-loading="true">
    <div class="content">
        <ul class="centreList"></ul>
        <div class="loadMore loader-container" style="display: none;">
            <div class="dynamic">
                <div class="spinner-light">
                    <img src="@PathHelper.GetResourceUrl("spinner-light-anim.gif")" width="50" height="50" align="left" />
                </div>
                <div class="dyn-text floatleft translate" data-translate-content="General_Loading">
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <script class="centruCostTemplate" type="text/x-handlebars-template">
        <li class="centruCost" style='height: 40px; border: 1px solid blue;'>
            {{CC_NUME}}
        </li>
    </script>
</div>
<!-- END CentreCost Page -->
<!-- BEGIN Selectare structuri page -->
<div class="page sheet" id="selectareDimensiuniStructuriPage">
    <div class="content search-bar fullscreen">
        <div class="search-settings">
            <div class="search-settings-title translate" data-translate-content="Module_Title_SelectDimensiuniCC">
            </div>
            <div class="cost-center-listing dimensiuniStruncturiList">
            </div>
            <div class="cost-center-buttons">
                <div class="translate renuntare slim_but_dark floatleft" data-translate-content="General_Renuntare">
                </div>
                <div class="translate salvare slim_but_dark floatright" data-translate-content="General_Salvare">
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <script class="dimensiuniStructuriTemplate" type="text/x-handlebars-template">
        <div class="search-settings-select-box structura" data-struct-id="{{CSTR_ID}}">
            <div class="search-settings-element">
                {{CSTR_NUME}}
            </div>
            <div class="search-settings-element-value">
                <a href='#' class="dimEntry translate" data-translate-content="General_Selectati"></a>
            </div>
            <div class="search-settings-delete">
                <a>
                    <img class="remove" src="@PathHelper.GetResourceUrl("closer.png")" width="17" height="16" style="display: none;" />
                </a>
            </div>
            <div class="clear">
            </div>
        </div>
    </script>
</div>
<!-- END SelectareStructuri Page -->
<!-- BEGIN SelectareDimensiuni Page-->
<div class="page sheet" id="selectareDimensiuniPage" data-dynamic-loading="true">
    <div class="content">
        <div class="search-bar">
            <div class="dimensiuniList cost-center-listing search-settings">
            </div>
        </div>
        <div class="loadMore loader-container bgdarkgray2" style="display: none;">
            <div class="dynamic">
                <div class="spinner-light">
                    <img src="@PathHelper.GetResourceUrl("spinner-dark-anim.gif")" width="50" height="50" align="left" />
                </div>
                <div class="dyn-text floatleft translate" data-translate-content="General_Loading">
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
    <script class="dimensiuniTemplate" type="text/x-handlebars-template">
        <div class="search-settings-select-box dimensiune" data-dim-id="{{CVAL_ID}}">
            <div class="cost-center-element-value">
                {{CVAL_NUME}}
            </div>
            <div class="clear">
            </div>
            <div class="overlay tappable">
            </div>
        </div>
    </script>
</div>
<!-- END SelectareDimensiuni Page -->
<!--BEGIN Misc -->
<!-- BEGIN Toast -->
<div id="toastContainer" style="position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; display: none;">
    <div class="impact-area ia-bot">
        <div class="toast">
            <div class="toast-header">
                <div class="toast-icon">
                </div>
                <div class="toast-title">
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="toast-content">
            </div>
        </div>
    </div>
</div>
<!-- END Toast -->
<!-- Loading Screen -->
<div class="loading-screen">
    <div style="margin: 50%;">
        <div class="loader-big" style="margin-top: -80px; margin-left: -140px;">
            <div class="loading-big-logo">
                <img src="@PathHelper.GetResourceUrl("loading-big-logo.png")" width="100" height="95" />
            </div>
            <div class="loading-big-title">
            </div>
            <div class="loading-big-text">
            </div>
        </div>
    </div>
</div>
<!-- END Loading Screen
    -->
<div class="situatieCOTemplate template">
    <div class="situatieCO">
        <div class="loadMore loader-container" style="display: none;">
            <div class="dynamic">
                <div class="spinner-light">
                    <img src="@PathHelper.GetResourceUrl("spinner-light-anim.gif")" width="50" height="50" align="left" />
                </div>
                <div class="dyn-text floatleft translate" data-translate-content="General_Loading">
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
        <div class="COcontainer">
            <div class="floatleft">
                <select class="dashboard-year-select anCurent styled" name="">
                    <option value="2012">2012</option>
                </select>
            </div>
            <div class="explicatieDreptCO floatright spacing-bottom-10">
                <div class="ddt-days dreptTotal">
                </div>
                <div class="translate" data-translate-content="SituatieCO_DreptCO">
                </div>
            </div>
            <div class="clear">
            </div>
            <div class="detaliu dashboard-body-squares">
                <div class="zileEfectuate dashboard-square floatleft spacing-right-10 spacing-bottom-10">
                    <div class="ds-big-number box_content">
                    </div>
                    <div class="ds-title box_description">
                    </div>
                </div>
                <div class="zilePlanificate dashboard-square floatleft spacing-bottom-10">
                    <div class="ds-big-number box_content">
                    </div>
                    <div class="ds-title box_description">
                    </div>
                </div>
                <div class="clear">
                </div>
                <div class="zileInitiate dashboard-square floatleft spacing-right-10">
                    <div class="ds-big-number box_content">
                    </div>
                    <div class="ds-title box_description">
                    </div>
                </div>
                <div class="zileRamase dashboard-square-special floatleft">
                    <div class="ds-big-number box_content">
                    </div>
                    <div class="ds-title box_description">
                    </div>
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
    </div>
</div>

<div id="searchBarTemplate" class="template">
    <div class="search-bar" style="display: none; position: fixed; left: 0; top: 0; z-index: 2000;">
        <table border="1" cellpadding="0" cellspacing="0">
            <tbody>
                <tr>
                    <td class="search-bar-field">
                        <table border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td width="100%">
                                    <input name="" type="text" class="input-search" data-translate-placeholder="Search_Placeholder">
                                </td>
                                <td width="30" class="search-input-reset">
                                    <img src="@PathHelper.GetResourceUrl("search-field-reset.jpg")" width="20" height="29" align="right" />
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td class="search-bar-btn-td">
                        <div class="search-bar-btn btn-search">
                        </div>
                    </td>
                    <td class="search-bar-btn-td">
                        <div class="search-bar-btn btn-settings" style="display: none;">
                        </div>
                    </td>
                    <td class="search-bar-btn-td">
                        <div class="search-bar-btn btn-reset" style="display: none;">
                        </div>
                    </td>
                </tr>
            </tbody>
        </table>
        <div class="filterExplanation">
            <span></span>
        </div>
    </div>
</div>

<script id="dreptCOTemplate" type="text/x-handlebars-template">
    {{AnCurent}}
    <br />
    {{AnAnterior}}
</script>

<div id="searchResultsInfoTemplate" class="template">
    <div class="search-results-container">
        <div class="cc-no-search-results">
            <div class="cc-search-results-img floatleft">
                <img src="@PathHelper.GetResourceUrl("icon-info.png")" width="27" height="27" alt="Info" />
            </div>
            <div class="cc-search-results-txt floatleft">
            </div>
            <div class="clear">
            </div>
        </div>
        <div class="cc-no-search-results-extra">
            <h3 class="darkblue no-results-title"></h3>
            <ul>
                <li class="no-results-text1"></li>
                <li class="no-results-text2"></li>
                <li class="no-results-text3"></li>
            </ul>
        </div>
    </div>
</div>

<script id="defaultDialogTemplate" type="text/x-handlebars-template">
    <div class="notif">
        <div class="notif-header">
            <div class="notif-icon icon-info"></div>
            <div class="notif-title">{{Title}}</div>
            <div class="clear"></div>
        </div>
        <div class="notif-content">{{{Message}}}</div>
        <div class="notif-buttons">
            {{#if_eq Buttons.length compare=1}}
            {{#each Buttons}}
            <div class="normal_but floatmid action">{{Text}}</div>
            {{/each}}
            {{else}}
            {{#each Buttons}}
            <div class="normal_but floatleft action">{{Text}}</div>
            {{/each}}
            {{/if_eq}}
            <div class="clear"></div>
        </div>
    </div>
</script>

<script id="actionsDialogTemplate" type="text/x-handlebars-template">
    <div class="impact-area ia-more-menu">
        <div class="meniu-more">
            <div class="meniu-more-content">
                {{#each Actions}}
                <div class="meniu-more-content-item action">
                    <img src="{{ImageUrl}}" width="32" height="32" align="left" />
                    <span class="meniu-more-content-a" href="#">{{Text}}</span>
                    <div class="overlay tappable"></div>
                </div>
                {{/each}}
                <div class='meniu-more-content-item-last'></div>
            </div>
        </div>
    </div>
</script>